@charset "UTF-8";
// 覆写hamigua样式
.hami-header {
    height: 0.8rem;
    background: linear-gradient(to right, #263D5C 30.6%, #2058A5 81.4%, #1DB6E5 109.4%);
}
.hami-header-title {
    height: 100%;
    background: left center no-repeat;
    background-size: contain;
}
.hami-header-r {
    font-size: 0.14rem;
}
.hami-header-user {
    height: 30px;
}
.hami-index-tab>.el-tabs__header {
    background: transparent;
    border-color: #fff;
    .el-tabs__nav,
    .el-tabs__item {
        height: 40px;
        line-height: 40px;
        color: #707070;
        &.is-active {
            border-radius: 8px 8px 0 0;
            background: #fff;
            color: #333333;
        }
    }
}

//---------- 首页左侧菜单
.hami-sidemenu {
    position: relative;
    background: #263D5C;
    .el-menu-item,
    .el-submenu__title {
        height: 0.52rem;
        line-height: 0.52rem;
        background-color: #203654;
        font-size: 0.14rem;
    }
    .el-submenu__title,
    .el-menu-item {
        color: #9CB5E6;
        i {
            color: #9CB5E6;
        }
    }
    .el-submenu__title:hover,
    .el-menu-item:hover {
        background: #234B83;
        //color: #40A9FF;
        //i {
        //    color: #40A9FF;
        //}
    }
    .el-menu-item.is-active {
        background: url("../images/common/hamigua/sidemenu/item-actiive.png") left no-repeat;
        background-size: auto 100%;
    }

    .el-menu-item+.el-menu-item,
    .el-menu-item+.el-submenu,
    .el-submenu+.el-submenu,
    .el-submenu+.el-menu-item,
    .el-submenu .el-menu-item {
        margin-top: 1px;
    }
}
//隐藏顶部展开/收起
.hami-sidemenu-top {
    height: 0;
}
.hami-sidemenu-toggle {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 16px;
    height: 103px;
    margin: -51px 0 0;
    background: url('../images/common/hamigua/sidemenu/toggle_unfold.png') left center no-repeat;
    border-radius: 0;
    color: transparent;
    border: none;
    z-index: 10;
}
.hami-sidemenu._collapse .hami-sidemenu-toggle {
    transform: none;
    background-image: url('../images/common/hamigua/sidemenu/toggle_fold.png')
}

//---------- 首页 tab
.hami-index-tab {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    &>.el-tabs__header {
        margin: 0;
        background: #fff;
        border-color: transparent;
        user-select: none;
        outline: none;
        .el-tabs__nav {
            border-color: transparent;
        }
        .el-tabs__item {
            border-color: transparent;
            &.is-active {
                border-color: transparent;
                background: #f2f4fb;
                &:focus.is-focus:not(:active) {
                    box-shadow: none;
                }
            }
            .el-icon-close {
                line-height: 14px;
            }
        }
        .el-tabs__item.is-active {
            color: @c_main;
        }
        .el-tabs__nav-next,
        .el-tabs__nav-prev {
            width: 20px;
            line-height: 40px;
            text-align: center;
        }
    }
    &>.el-tabs__content {
        height: 0;
        flex: 1;
        &>.el-tab-pane {
            width: 100%;
            height: 100%;
            overflow: auto;
        }
    }
}
.hami-index-tab-label {
    position: relative;
    display: inline-block;
}
.hami-index-tab-dropdown {
    position: absolute;
    left: 50%;
    bottom: 0;
    color: inherit;
    font-size: inherit;
}
.hami-index-tab-dropdown-menu.el-popper[x-placement^="bottom"] {
    margin-top: 0;
}